<script setup>
//   import LoginVue from '@/views/Login.vue'
//   // import LoginVue from '@/views/test.vue'
//   import Layout from '@/views/Layout.vue'
// import router from './router';
import { onMounted } from 'vue';
import useRolesStore from '@/stores/useRoles.js'//千万别用./前缀
import useSystemParameter from '@/stores/useSystemParameter.js'
onMounted(() => {
  console.log('组件app.vue已挂载，可以在这里进行系统的初始化操作');

  //在这里初始化一些操作
  //获取权限集
  const systemParameter = useSystemParameter();
  systemParameter.initial();


});
</script>

<template>
  <!-- 路由 -->
  <router-view></router-view>

  <!-- 登录/注册
  <LoginVue/>
  <Layout/> -->
</template>

<style scoped></style>


<!-- 全局样式 -->
<style>
/* 通用的图标样式 */
.custom-icon {
    /* 应用你想要的样式规则 */
    font-size: 16px;
    /* 举例 */
    color: #fff;
    /* 举例 */
}

/* 自定义图标的额外样式 */
.el-icon-img {
    /* 如果你的自定义图标需要额外的样式调整 */
    width: 1em;
    /* 使图标大小与 Element Plus 图标一致 */
    height: 1em;
    /* 使图标大小与 Element Plus 图标一致 */
    vertical-align: -0.15em;
    /* 调整对齐 */
}



/* .b-link-stripe .b-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    color: #ffffff;
    overflow: hidden;
}
.b-animate button {
    padding: 10px;
    color: #fff;
    font-size: 1em;
    cursor: pointer;
    margin: 32% auto 0 auto;
    display: block;
    border: none;
    width: 60%;
    text-decoration: none;
    letter-spacing: 1px;
    font-weight: initial;
    background: rgba(25, 23, 23, 0.4);
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.product-img img {
    width: 100%;
    height: 100%;
    padding: 1em 1em 0;
}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
}
.b-link-stripe {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-weight: 300;
    overflow: hidden;
    width: 100%;
}
/*  */


</style>
